<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="__PUBLIC__/img/favicon.png">

    <title>南牧物联网云平台</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="__PUBLIC__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href="__PUBLIC__/assets/morris.js-0.4.3/morris.css" rel="stylesheet" />
    <link href="__PUBLIC__/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="stylesheet" href="__PUBLIC__/css/owl.carousel.css" type="text/css">

      <!--right slidebar-->
      <link href="__PUBLIC__/css/slidebars.css" rel="stylesheet">

    <!-- Custom styles for this template -->

    <link href="__PUBLIC__/css/style.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style-responsive.css" rel="stylesheet" />

  </head>

  <body>

  <section id="container" >

	  <include file="./Index/head"/>
	  <include file="./Index/sidebar"/>

	  <section id="main-content">
		<section class="wrapper">
			<iframe  id="mainFrame" name="mainFrame" scrolling="no" allowFullScreen=true src="" frameborder="0"  style="padding: 0px; width: 100%; height: 100%;"></iframe>
		</section>
	  </section>
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/js/jquery.js"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
    <script class="include" type="text/javascript" src="__PUBLIC__/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="__PUBLIC__/js/jquery.scrollTo.min.js"></script>
    <script src="__PUBLIC__/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="__PUBLIC__/js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="__PUBLIC__/js/owl.carousel.js" ></script>
    <script src="__PUBLIC__/js/jquery.customSelect.min.js" ></script>
	<script src="__PUBLIC__/assets/morris.js-0.4.3/morris.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets/morris.js-0.4.3/raphael-min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/js/respond.min.js" ></script>

    <!--right slidebar-->
    <script src="__PUBLIC__/js/slidebars.min.js"></script>

    <!--common script for all pages-->
    <script src="__PUBLIC__/js/common-scripts.js"></script>

	<!-- 引入 echarts.js -->
    <script src="__PUBLIC__/assets/echart/echarts.js"></script>
	<script src="__PUBLIC__/assets/echart/macarons.js"></script>
	<script src="__PUBLIC__/assets/echart/china.js"></script>
	
    <!--script for this page-->
    <script src="__PUBLIC__/js/sparkline-chart.js"></script>
    <script src="__PUBLIC__/js/easy-pie-chart.js"></script>
	<script src="__PUBLIC__/js/count.js"></script>
	<script src="__PUBLIC__/js/echart.js"></script>
	<!-- layer -->
	<script src="__PUBLIC__/plugins/layer-v3.0.1/layer/layer.js"></script>

	

  <script>
		function tab(url){
			//layer.load();
			document.getElementById("mainFrame").src=url;
		}
		
	    $(document).ready(function() {
			tab('{:u('Index/home')}');
	    });
		
		function pagestyle(){
			layer.closeAll('loading');
			var rframe = $("#mainFrame"); 
			var h = $(window).height() - rframe.offset().top - 15;
			rframe.height(h);
		}
		
		//注册加载事件
		$("#mainFrame").load(pagestyle);

		$(window).resize(pagestyle);

  </script>

  </body>
</html>
